import userView from '../views/user.art'
// ajax请求数据需要用到的路径
let _url = ''
// export default{
//      render(req,res,next){
//          $('.user-menu').html(userView(req))
//          console.log(userView)
//      }
// }


export default{
  async render(req,res,next){
    let reslt= await this.isSignin()
        let html = userView({
            isSignin:reslt.ret,
            username:reslt.data.username
        })
        // user.art渲染
        $('.user-menu').html(html)
        this.bindEventToBtn()
    },
    // user.art渲染完成后，出现登录/注册页面，如果用户没有注册账户
    // ，需要先注册才能进行相关信息的填、浏览等，如果用户已经有账号，
    // 需要登录，并且当用户登录或者退出时，登录状态需要跟随发生改变
    bindEventToBtn(){
        // console.log(123)
        // $('.hidden-xs').on('click',function(){
        //     if($(this).attr('id')==='btn-signin'){
        //         _url = '/api/signin'   
        //         console.log('signin success')
        //     }else{
        //         _url = '/api/signup'
        //          console.log('signout succesout')
        //     }
        // })
        $('.hidden-xs').on('click',function(){
            console.log($(this).attr('id'))
            _url = $(this).attr('id')==='btn-signin'?'/api/users/signin':'/api/users/signup'
        })

        $('#btn-submit').on('click',()=>{
            // 输出序列化表单值  序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。
            let data = $('#user-form').serialize()
            $.ajax({
                url:_url,
                type:'POST',
                data,
                success(result){
                    console.log(result)
                    
                    let html = userView({
                        isSignin:result.ret,
                        username:result.data.username
                    })
                    // user.art渲染
                    $('.user-menu').html(html)

                }
            })
        })

        $('#user-menu').on('click','#btn-signout',function(){
            $.ajax({
                url:'/api/users/signout',
                success(result){
                   if(result.ret){
                    location.reload()
                   }
                }
            })
        })



    },
    isSignin(){
        return $.ajax({
            url:'/api/users/isSignin',
            success(result){
                return result
            }
        })
    }
    

}